<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./css/reset.css">
    <link rel="stylesheet" type="text/css" href="./starScore/starScore.css">
    <link rel="stylesheet" type="text/css" href="./contentList/contentList.css">
    <script type="text/javascript">
        (function () {
            var docEl = document.documentElement;


            function setRemUnit() {
                // 获取到rem的基准值
                var rem = docEl.clientWidth / 10;

                // 动态设置html根元素的font-size
                docEl.style.fontSize = rem + 'px';
            }

            setRemUnit();

            // 窗口大小变化时 触发
            window.addEventListener('resize', setRemUnit);

            // 窗口出现在当前屏幕时 （有浏览器兼容性）
            window.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    setRemUnit();
                }
            });
        })(); //自执行匿名函数
    </script>
</head>

<body>
    <!--商家列表开始-->
    <div class="list-content">
        <h4 class="list-title">
            <span class="title-line"></span>
            <span>附近商家</span>
            <span class="title-line"></span>
        </h4>
        <div class="list-wrap"></div>
        <div class="loading">加载中</div>
    </div>
    <!--商家列表结束-->

    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./starScore/starScore.js"></script>
    <script type="text/javascript" src="./contentList/contentList.js"></script>
</body>

</html>